<!DOCTYPE html>
<html lang="en-gb">

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <head>
        <?php
            expTheme::head(array());
        ?>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Home</title>
        <link href="<?php echo THEME_RELATIVE;?>favicon0.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">

        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/bootstra.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/bootstrb.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/template.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/idangero.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/jplayer0.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/tzportfo.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/mod_tz_p.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/page.css" type="text/css">
        <script src="<?php echo THEME_RELATIVE;?>js/jquery-1.8.3.min.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/mootools.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/caption0.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/widget00.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/bootstra.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/jplayer.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/jplayer.playlist1.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/jplayer.blogplaylist.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/tz000000.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/page0000.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/idangero.js" type="text/javascript"></script>
      
        <script type="text/javascript">
            window.addEvent('load', function() {
                new JCaption('img.caption');
            });
            $TZ_MENU = [];
            $TZ_MENU['animation'] = "width_height_opacity";
            $TZ_MENU['animation_speed'] = "fast";
        </script>

        <!--[if IE 9]>
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/fix/ie9.css" type="text/css" />
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/respond.js"></script>
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/selectivizr.js"></script>
        <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

        <![endif]-->

        <!--[if IE 8]>
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/fix/ie8.css" type="text/css" />
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/respond.js"></script>
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/selectivizr.js"></script>
        <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/PIE.js"></script>
        <![endif]-->

        <!--[if lte IE 7]>
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/fix/ie8.css" type="text/css" />
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/respond.js"></script>
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/selectivizr.js"></script>
        <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

        <![endif]-->

    </head>

    <body>

        <section id="tz-loading" class="tz-loading">
            <div class="tz-loading-content">
                <div class="box "><div><div class="content">
                            <div class="custom">
                                <p><img src="Home_files/logo0000.png" alt=""><img src="Home_files/loadingm.gif" alt=""></p></div>
                        </div></div></div>
            </div>
        </section>


        <header id="tz-header" class="tz-header tz-border-bottom">
            <div class="container-fluid">
                <div class="tz-inner-logo">
                    <div class="tz-inner">
                        <h1 class="tz-logo pull-left">

                            <a href="http://demo.templaza.com/j/meloul/" id="tz-logo pull-left">
                                <img src="Home_files/logo0000.png" alt="Meloul Music Joomla Template - ">
                            </a>
                        </h1>

                    </div>
                </div>
                <div class="sidebar-search pull-right">
                    <div class="box "><div><div class="content">
                                <div class="search form-search">
                                    <form action="http://demo.templaza.com/j/meloul/index.php" method="post" class="form-inline">
                                        <label class="icon-search">&nbsp;</label>
                                        <label for="mod-search-searchword" class="element-invisible">Search...</label> <input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox search-query input-medium" type="text" size="20" value="Search..." onblur="if (this.value=='') this.value='Search...';" onfocus="if (this.value=='Search...') this.value='';">        <input type="hidden" name="task" value="search">
                                        <input type="hidden" name="option" value="com_search">
                                        <input type="hidden" name="Itemid" value="110">
                                    </form>
                                </div>
                            </div></div></div>
                </div>
                <?php expTheme::module(array("controller"=>"navigation","action"=>"showall","view"=>"showall_Music")); ?>            </div>
                <div>
                <?php expTheme::module(array("controller"=>"navigation","action"=>"admin_menu","view"=>"sidr_menu")); ?>
                </div>
        </header>


        <section id="tz-slide" class="tz-slide">
            <div class="container-fluid">
                <div class="tz-inner">
                    <div class="row-fluid">
                        <div class="span12 tz-slide">
                            <script type="text/javascript">
                                //<![CDATA[
                                jQuery(document).ready(function(){
                                    new jPlayerPlaylist({
                                        jPlayer: "#jquery_jplayer_1",
                                        cssSelectorAncestor: "#jp_container_1",
                                        autoPlay: true
                                    }, [
                                    {
                                        title:"Cras lobortis augue",
                                        image:"/themes/music/img/demo/517672b57235atz_portfolio_1366717109_XL.jpg",
                                        artist:"John Doe",
                                        mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay Clocks Remix (Progress 4).mp3",
                                        oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay_Clocks_Remix_Progress_4_.ogg",
                                        descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
                                    },
                                    {
                                        title:"Maecenas imperdiet",
                                        image:"/themes/music/img/demo/51516935f4070tz_portfolio_1364289845_XL.jpg",
                                        artist:"Quisque",
                                        mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See You Tonight - Scotty McCreery.mp3",
                                        oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See_You_Tonight_Scotty_McCreery.ogg",
                                        descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
                                    },
                                    {
                                        title:"Integer eros turpis",
                                        image:"/themes/music/img/demo/5151695c94fe1tz_portfolio_1364289884_XL.jpg",
                                        artist:"Maecenas",
                                        mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Not In My Hood Finale.mp3",
                                        oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Not_In_My_Hood_Finale.ogg",
                                        descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
                                    },
                                    {
                                        title:"Sed ipsum ligula",
                                        image:"http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/5151698b6a452tz_portfolio_1364289931_XL.jpg",
                                        artist:"Phasellus",
                                        mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay Clocks Remix (Progress 4).mp3",
                                        oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay_Clocks_Remix_Progress_4_.ogg",
                                        descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
                                    },
                                    {
                                        title:"Pellentesque suscipit",
                                        image:"http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/517672d7f2e58tz_portfolio_1366717143_XL.jpg",
                                        artist:"Madonna",
                                        mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See You Tonight - Scotty McCreery.mp3",
                                        oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See_You_Tonight_Scotty_McCreery.ogg",
                                        descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
                                    }

                                    ],{             swfPath: "http://demo.templaza.com/j/meloul/modules/mod_tz_play_music/js",
                                        solution: 'html, flash',
                                        supplied: 'mp3,oga',
                                        wmode: "window"
                                    });
                                });
                                //]]>
                            </script>

                            <div class="tz-music-content">
                                <div class="item-music item-music0">
                                    <div class="item-music-content">
                                        <div class="item-music-pattern"></div>
                                        <div class="item-music-image" style="background-image: url(/themes/music/img/demo/517672b57235atz_portfolio_1366717109_XL.jpg');" ></div>

                                    </div>
                                    <div class="container-fluid">
                                        <div class="item-music-descrip">
                                            <h2 class="item-music-title">Cras lobortis augue</h2>
                                            <h3 class="item-music-artist">John Doe</h3>
                                            <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-music item-music1">
                                    <div class="item-music-content">
                                        <div class="item-music-pattern"></div>
                                        <div class="item-music-image" style="background-image: url('/themes/music/img/demo/51516935f4070tz_portfolio_1364289845_XL.jpg');"></div>

                                    </div>
                                    <div class="container-fluid">
                                        <div class="item-music-descrip">
                                            <h2 class="item-music-title">Maecenas imperdiet</h2>
                                            <h3 class="item-music-artist">Quisque</h3>
                                            <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-music item-music2">
                                    <div class="item-music-content">
                                        <div class="item-music-pattern"></div>
                                        <div class="item-music-image" style="background-image: url('/themes/music/img/demo/5151695c94fe1tz_portfolio_1364289884_XL.jpg');"></div>

                                    </div>
                                    <div class="container-fluid">
                                        <div class="item-music-descrip">
                                            <h2 class="item-music-title">Integer eros turpis</h2>
                                            <h3 class="item-music-artist">Maecenas</h3>
                                            <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-music item-music3">
                                    <div class="item-music-content">
                                        <div class="item-music-pattern"></div>
                                        <div class="item-music-image" style="background-image: url('/themes/music/img/demo/5151698b6a452tz_portfolio_1364289931_XL.jpg');"></div>

                                    </div>
                                    <div class="container-fluid">
                                        <div class="item-music-descrip">
                                            <h2 class="item-music-title">Sed ipsum ligula</h2>
                                            <h3 class="item-music-artist">Phasellus</h3>
                                            <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-music item-music4">
                                    <div class="item-music-content">
                                        <div class="item-music-pattern"></div>
                                        <div class="item-music-image" style="background-image: url('/themes/music/img/demo/517672d7f2e58tz_portfolio_1366717143_XL.jpg');"></div>

                                    </div>
                                    <div class="container-fluid">
                                        <div class="item-music-descrip">
                                            <h2 class="item-music-title">Pellentesque suscipit</h2>
                                            <h3 class="item-music-artist">Madonna</h3>
                                            <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div id="jquery_jplayer_1" class="jp-jplayer"></div>

                            <div id="jp_container_1" class="jp-audio">
                                <div class="jp-type-playlist">
                                    <div class="jp-play-inner">
                                        <div class="jp-gui jp-interface">
                                            <div class="music-left hidden-phone">
                                                <div class="head-phone"></div>
                                                <div class="tz-jp-title"></div>
                                                <div class="pull-left">-</div>
                                                <div class="tz-jp-artist"></div>
                                            </div>
                                            <div class="music-center">
                                                <ul class="jp-controls">
                                                    <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
                                                    <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
                                                    <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
                                                    <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
                                                    <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
                                                    <li><a href="javascript:;" class="jp-mute hidden-phone" tabindex="1" title="mute">mute</a></li>
                                                    <li><a href="javascript:;" class="jp-unmute hidden-phone" tabindex="1" title="unmute">unmute</a></li>
                                                    <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
                                                </ul>

                                                <div class="jp-progress">
                                                    <div class="jp-seek-bar">
                                                        <div class="jp-play-bar"></div>

                                                    </div>
                                                </div>
                                                <div class="jp-current-time hidden-phone"></div>
                                                <div class="pull-left hidden-phone">/</div>
                                                <div class="jp-duration hidden-phone"></div>
                                            </div>
                                            <div class="music-info"></div>
                                            <div class="jp-volume-bar hidden-phone">
                                                <div class="jp-volume-bar-value"></div>
                                            </div>

                                            <ul class="jp-toggles">
                                                <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
                                                <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
                                                <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
                                                <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
                                            </ul>
                                        </div>
                                        <div class="jp-playlist">
                                            <div class="album-info">
                                                <div class="album-des">
                                                    <img src="Home_files/categori.jpg" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
                                                        src='http://demo.templaza.com/j/meloul/media/tz_portfolio/categories/categories_1362989209513d9099dd0c7.jpg', sizingMethod='scale');" class="image-album" alt="">
                                                    <p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                                                <p>Nam sed lorem vitae felis congue mollis. Integer ac turpis risus. Sed quis ornare nisl. Maecenas in luctus elit. Proin imperdiet tempus condimentum.</p>                </div>
                                            </div>


                                            <ul class="music-playlist">
                                                <li></li>
                                            </ul>
                                            <div class="clr"></div>
                                        </div>
                                        <div class="jp-no-solution">
                                            <span>Update Required</span>
                                            To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <script type="text/javascript">
                                jQuery(window).bind('load resize',function(){
                                    var slide_h = jQuery(window).height() - jQuery('#tz-header').height();
                                    var play_w = jQuery('#tz-slide .tz-slide').width();
                                    var max_w = jQuery('#tz-header .container-fluid').width();
                                    var player_height = jQuery('#tz-slide .jp-audio').height();
                                    var img_h =    slide_h - player_height;

                                    jQuery('.jp-type-playlist').css('max-width',max_w +'px');
                                    jQuery('.tz-music-content').css('height',img_h + 'px');
                                    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
                                        jQuery('#tz-slide .music-center').css({
                                            'margin-right':30+ 'px'
                                        });
                                    }

                                });

                                jQuery('.music-info').click(function(){
                                    jQuery(this).toggleClass('music-info-active');
                                    jQuery('.jp-playlist').slideToggle();
                                });
                                jQuery('.item-music-content img').animate({
                                    opacity:1
                                },1000);

                            </script>
                            <script type="text/javascript">
                                jQuery(function() {
                                    jQuery('.item-music-image').css({backgroundSize: "cover"});
                                });
                            </script>
                        </div></div></div>
            </div>
            <div class="clr"></div>
            </div>
            </div>
            </div>
        </section>

        <section id="tz-headline" class="tz-headline tz-border-bottom">
            <div class="container-fluid">
                <div class="tz-inner">
                    <div class="box _latest_new"><div><h3 class="header ">News Release</h3><div class="content">    
                                <div class="tz_news swiper-container swiper-loop tz-news-sf_latest_new">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide looptz-news-sf_latest_new">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/1-etiam-mattis-aliquam">
                                                        <img src="Home_files/51380e03.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/1-etiam-mattis-aliquam" title="Etiam mattis aliquam">Etiam mattis aliquam</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Vivamus                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_latest_new">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/2-pellentesque-habitant">
                                                        <img src="Home_files/51381076.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/2-pellentesque-habitant" title="Pellentesque habitant">Pellentesque habitant</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Nunc Comm                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_latest_new">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/3-nulla-nec-semper">
                                                        <img src="Home_files/5175f1a7.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/3-nulla-nec-semper" title="Nulla nec semper">Nulla nec semper</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    John Due                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_latest_new">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/4-ut-bibendum-mole">
                                                        <img src="Home_files/5175f1c3.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/4-ut-bibendum-mole" title="Ut bibendum mole">Ut bibendum mole</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Donec Quis                     </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_latest_new">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/5-phasellus-auctor-tristiq">
                                                        <img src="Home_files/5175f1d5.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/5-phasellus-auctor-tristiq" title="Phasellus auctor tristiq">Phasellus auctor tristiq</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Nulla Cursus                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_latest_new">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/23-aliquam-euismod-lacinia">
                                                        <img src="Home_files/5152a29e.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/23-aliquam-euismod-lacinia" title="Aliquam euismod lacinia">Aliquam euismod lacinia</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Fusce Sodales                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_latest_new">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/24-donec-id-varius-urna">
                                                        <img src="Home_files/5152a461.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/24-donec-id-varius-urna" title="Donec id varius urna">Donec id varius urna</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Fusce Sodales                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_latest_new">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/25-pellentesque-eget">
                                                        <img src="Home_files/51760e57.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list/item/25-pellentesque-eget" title="Pellentesque eget">Pellentesque eget</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Fusce Sodales                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <script type="text/javascript">
                                    jQuery(document).ready(function(){
                                        var w_w = jQuery(window).width();
                                        if(w_w < 500){
                                            heights = jQuery("div.looptz-news-sf_latest_new").map(function ()
                                            {
                                                return jQuery(this).innerHeight();
                                            }).get(),
                                            maxHeight = Math.max.apply(null, heights);
                                            jQuery('.tz-news-sf_latest_new').css({
                                                height: 330 + 'px'
                                            });

                                            swiperLoop = jQuery('.tz-news-sf_latest_new').swiper({
                                                slidesPerSlide :1,
                                                loop:true
                                            });
                                        } else {
                                            heights = jQuery("div.looptz-news-sf_latest_new").map(function ()
                                            {
                                                return jQuery(this).height();
                                            }).get(),
                                            maxHeight = Math.max.apply(null, heights);

                                            jQuery('.tz-news-sf_latest_new').css({
                                                height: maxHeight + 'px',
                                                'min-height':'258' +'px'
                                            });


                                            swiperLoop = jQuery('.tz-news-sf_latest_new').swiper({
                                                slidesPerSlide : 5,
                                                loop:true
                                            });
                                        }


                                    });
                                </script></div></div></div><div class="box _bg_gradien"><div><h3 class="header ">Music Video</h3><div class="content">    
                                <div class="tz_news swiper-container swiper-loop tz-news-sf_bg_gradien">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide looptz-news-sf_bg_gradien">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/26-aenean-tristique">
                                                        <img src="Home_files/5153c86a.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/26-aenean-tristique" title="Aenean tristique">Aenean tristique</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Fusce Andena                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_bg_gradien">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/27-quisque-sit-amet-nis">
                                                        <img src="Home_files/5153c8a3.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/27-quisque-sit-amet-nis" title="Quisque sit amet nis">Quisque sit amet nis</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Donec mattis                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_bg_gradien">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/28-pellentesque-et-nibh">
                                                        <img src="Home_files/5153c8f9.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/28-pellentesque-et-nibh" title="Pellentesque et nibh">Pellentesque et nibh</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Morbi sodales                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_bg_gradien">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/29-proin-convallis-tinci">
                                                        <img src="Home_files/5153c932.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/29-proin-convallis-tinci" title="Proin convallis tinci">Proin convallis tinci</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Cras sapien                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_bg_gradien">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/30-quisque-in-tellus">
                                                        <img src="Home_files/5153c96a.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/30-quisque-in-tellus" title="Quisque in tellus">Quisque in tellus</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Donec po                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_bg_gradien">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/31-donec-malesuada-lor">
                                                        <img src="Home_files/516e8e4a.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/31-donec-malesuada-lor" title="Donec malesuada lor">Donec malesuada lor</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Aenean tort                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_bg_gradien">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/32-suspendisse-mattis">
                                                        <img src="Home_files/5153ca07.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/32-suspendisse-mattis" title="Suspendisse mattis">Suspendisse mattis</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Cras dolor                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="swiper-slide looptz-news-sf_bg_gradien">
                                            <div class="tz_new_inner">
                                                <span class="tz_image">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/33-vivamus-augue-tur">
                                                        <img src="Home_files/5153ca36.jpg" alt="">
                                                    </a>
                                                </span>

                                                <span class="tz_title">
                                                    <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/video/item/33-vivamus-augue-tur" title=" Vivamus augue tur"> Vivamus augue tur</a>
                                                </span>

                                                <span class="tz_artist tz_pro_l">
                                                    Sed mattis                    </span>




                                                <span style="clear:both; height:0;">&nbsp;</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <script type="text/javascript">
                                    jQuery(document).ready(function(){
                                        var w_w = jQuery(window).width();
                                        if(w_w < 500){
                                            heights = jQuery("div.looptz-news-sf_bg_gradien").map(function ()
                                            {
                                                return jQuery(this).innerHeight();
                                            }).get(),
                                            maxHeight = Math.max.apply(null, heights);
                                            jQuery('.tz-news-sf_bg_gradien').css({
                                                height: 330 + 'px'
                                            });

                                            swiperLoop = jQuery('.tz-news-sf_bg_gradien').swiper({
                                                slidesPerSlide :1,
                                                loop:true
                                            });
                                        } else {
                                            heights = jQuery("div.looptz-news-sf_bg_gradien").map(function ()
                                            {
                                                return jQuery(this).height();
                                            }).get(),
                                            maxHeight = Math.max.apply(null, heights);

                                            jQuery('.tz-news-sf_bg_gradien').css({
                                                height: maxHeight + 'px',
                                                'min-height':'193' +'px'
                                            });


                                            swiperLoop = jQuery('.tz-news-sf_bg_gradien').swiper({
                                                slidesPerSlide : 5,
                                                loop:true
                                            });
                                        }


                                    });
                                </script></div></div></div>
                </div>
            </div>
        </section>

        <section id="tz-spotlight0" class="tz-spotlight0 tz-border-bottom tz-border-shadow">
            <div class="container-fluid">
                <div class="tz-inner">
                    <div class="row-fluid">
                        <div class="span12 tz-spotlight">
                            <div class="box _action"><div><div class="content">

                                        <div class="custom_action">
                                            <h2>"Love without limits, dream without fear, and live in the moment"</h2></div>
                                    </div></div></div>
                        </div>
                        <div class="clr"></div>
                    </div>
                </div>
            </div>
        </section>


        <section id="tz-main">
            <section class="tz-main-body">
                <div class="container-fluid">
                    <div class="tz-inner">


                        <section class="tz-content-wrap row-fluid">
                            <section id="tz-content" class="span12">

                                <section id="tz-component">
                                    <div class="blog-featured item-page">




                                    </div>

                                </section>

                            </section>

                            <div class="clr"></div>
                        </section>

                    </div>
                </div>
            </section>
        </section>
        <section id="tz-spotlight2" class="tz-spotlight2">
            <div class="container-fluid">
                <div class="tz-inner">
                    <div class="row-fluid">
                        <div class="span6 tz-spotlight">
                            <div class="box "><div><h3 class="header ">Latest News</h3><div class="content"><div class="mod_tz_news">
                                            <div class="tz_news tz_new_leading">

                                                <div class="tz_item_default tz_item_leading">
                                                    <span class="tz_image">
                                                        <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/blog/37-cras-faucibus-iaculis">
                                                            <img src="Home_files/515be966.jpg" alt="">
                                                        </a>
                                                    </span>
                                                    <span class="tz_date">
                                                        April 2, 2013            </span>
                                                    <span class="tz_title">
                                                        <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/blog/37-cras-faucibus-iaculis" title="Cras faucibus iaculis">Cras faucibus iaculis</a>
                                                    </span>
                                                    <hr class="bg_line">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim sollicitudin lorem, in ultrices purus consectetur vel. Proin dignissim nisl in purus cursus vel malesuada tortor rutrum.</p>
                                                </div>
                                                <div class="tz_item_default">
                                                    <hr class="bg_line">
                                                    <span class="tz_date">
                                                        April 2, 2013            </span>
                                                    <span class="tz_title">
                                                        <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/blog/39-ut-a-elit-tempus-augue" title="Ut a elit tempus augue">Ut a elit tempus augue</a>
                                                    </span>

                                                    <p>
                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim                     </p>



                                                </div>

                                                <div class="tz_item_default">
                                                    <hr class="bg_line">
                                                    <span class="tz_date">
                                                        April 1, 2013            </span>
                                                    <span class="tz_title">
                                                        <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/blog/36-contrary-to-popular-belief" title="Contrary to popular belief">Contrary to popular belief</a>
                                                    </span>

                                                    <p>
                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim                     </p>



                                                </div>

                                                <div class="tz_item_default">
                                                    <hr class="bg_line">
                                                    <span class="tz_date">
                                                        April 1, 2013            </span>
                                                    <span class="tz_title">
                                                        <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/blog/38-proin-interdum-mi-at" title="Proin interdum mi at">Proin interdum mi at</a>
                                                    </span>

                                                    <p>
                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim                     </p>



                                                </div>

                                                <div class="tz_item_default">
                                                    <hr class="bg_line">
                                                    <span class="tz_date">
                                                        March 19, 2013            </span>
                                                    <span class="tz_title">
                                                        <a class="iframe" href="http://demo.templaza.com/j/meloul/index.php/blog/12-fusce-fringilla-sem" title="Fusce fringilla sem">Fusce fringilla sem</a>
                                                    </span>

                                                    <p>
                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim                     </p>



                                                </div>

                                                <div class="clr"></div>
                                            </div>
                                        </div></div></div></div>
                        </div>
                        <div class="span6 tz-spotlight">
                            <div class="box _clients"><div><h3 class="header ">Our Clients</h3><div class="content">
                                        <div class="mod-tz-guestbook">
                                            <div class="tz-content-guestbook">
                                                <div class="gb-content">
                                                    lkjh                        </div>
                                                <div class="guestbook-info">

                                                    <span class="gb-name">- mm,</span>
                                                    <span class="gb-date">May 18, 2013</span>
                                                </div>
                                            </div>
                                            <div class="tz-content-guestbook">
                                                <div class="gb-content">
                                                    777                        </div>
                                                <div class="guestbook-info">

                                                    <span class="gb-name">- alex,</span>
                                                    <span class="gb-date">June 1, 2013</span>
                                                </div>
                                            </div>
                                            <div class="tz-content-guestbook">
                                                <div class="gb-content">
                                                    dddasdad                        </div>
                                                <div class="guestbook-info">

                                                    <span class="gb-name">- fasdaf,</span>
                                                    <span class="gb-date">June 17, 2013</span>
                                                </div>
                                            </div>
                                        </div></div></div></div><div class="box _newsletter"><div><h3 class="header ">Newsletter</h3><div class="content">

                                        <div class="custom_newsletter">
                                            <p>Subscribe to our newsletter and get news update in your inbox</p>
                                            <form class="newsletter" action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=templaza/blog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input class="letter input-medium search-query" onfocus="if(this.value=='enter your email address') this.value='';" onblur="if(this.value=='') this.value='enter your email address';" type="text" name="email" value="enter your email address"><input type="hidden" name="uri" value="templaza/blog"><input type="hidden" name="loc" value="en_US"><input class="subcription_btn" type="submit" value="Subscribe"></form>
                                            <p><img src="Home_files/plazart0.png" alt=""><img src="Home_files/templaza.png" alt=""><img src="Home_files/logosd00.png" alt=""></p></div>
                                    </div></div></div>
                        </div>
                        <div class="clr"></div>
                    </div>
                </div>
            </div>
        </section>

        <section id="tz-bottom" class="tz-bottom">
            <div class="container-fluid">
                <div class="tz-inner">
                    <div class="row-fluid">
                        <div class="span12 tz-bottom">
                            <div class="box "><div><div class="content">         <script type="text/javascript" src="Home_files/widget00.js"></script>
                                        <script type="text/javascript">
                                            new TWTR.Widget({
                                                version: 2,
                                                type: 'profile',
                                                rpp: 1,
                                                interval: 30000,
                                                width: 500,
                                                height: 150,
                                                theme: {
                                                    shell: {
                                                        background: 'transparent',
                                                        color: '#6e6e6e'
                                                    },
                                                    tweets: {
                                                        background: 'transparent',
                                                        color: '#6e6e6e',
                                                        links: '#62baf9'
                                                    }
                                                },
                                                features: {
                                                    scrollbar: false,
                                                    loop: true,
                                                    live: false,
                                                    behavior: 'all'
                                                }
                                            }).render().setUser('templazavn').start();
                                        </script>
                                    </div></div></div>
                        </div>

                        <div class="clr"></div>
                    </div>
                </div>
            </div>
        </section>

        <footer id="tz-footer" class="tz-footer">

            <div class="container-fluid">
                <div class="tz-inner">
                    <div class="tz-bottom6 ">
                        <div class="row-fluid">
                            <div class="span3 tz-bottom">
                                <div class="box "><div><h3 class="header ">About us</h3><div class="content">

                                            <div class="custom">
                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of</p>
                                                <p><a class="btn btn-base" href="http://demo.templaza.com/j/meloul/#">Read more</a></p></div>
                                        </div></div></div>
                            </div>
                            <div class="span6 tz-bottom">
                                <div class="box "><div><h3 class="header ">Album</h3><div class="content">    <ul class="tz-category-album">
                                                <li>
                                                    <span class="album-inner">
                                                        <a class="catslidetitle" href="http://demo.templaza.com/j/meloul/index.php/album/22-praesent-sagittis">
                                                            <img src="Home_files/categorj.jpg" alt="Praesent sagittis">
                                                        </a>

                                                    </span>
                                                </li>
                                                <li>
                                                    <span class="album-inner">
                                                        <a class="catslidetitle" href="http://demo.templaza.com/j/meloul/index.php/album/23-the-dance-scene">
                                                            <img src="Home_files/categork.jpg" alt="The Dance Scene">
                                                        </a>

                                                    </span>
                                                </li>
                                                <li>
                                                    <span class="album-inner">
                                                        <a class="catslidetitle" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list">
                                                            <img src="Home_files/categorl.jpg" alt="Audio">
                                                        </a>

                                                    </span>
                                                </li>
                                            </ul>
                                            <div class="clr"></div>
                                        </div></div></div>
                            </div>
                            <div class="span3 tz-bottom">
                                <div class="box "><div><h3 class="header ">Contact us</h3><div class="content">

                                            <div class="custom">
                                                <p>11 Quai François Mauriac 75013 Paris, France<br>Phone: (786) 9999 543 210<br>Fax:&nbsp; (786) 9999 543 211<br>Email:&nbsp; 
                                                    <script type="text/javascript">
                                                        <!--
                                                        var prefix = '&#109;a' + 'i&#108;' + '&#116;o';
                                                        var path = 'hr' + 'ef' + '=';
                                                        var addy52159 = 's&#117;pp&#111;rt' + '&#64;';
                                                        addy52159 = addy52159 + 't&#101;mpl&#97;z&#97;' + '&#46;' + 'c&#111;m';
                                                        document.write('<a ' + path + '\'' + prefix + ':' + addy52159 + '\'>');
                                                        document.write(addy52159);
                                                        document.write('<\/a>');
                                                        //-->\n </script><script type="text/javascript">
                                                        <!--
                                                        document.write('<span style=\'display: none;\'>');
                                                        //-->
                                                    </script>This email address is being protected from spambots. You need JavaScript enabled to view it.
                                                    <script type="text/javascript">
                                                        <!--
                                                        document.write('</');
                                                        document.write('span>');
                                                        //-->
                                                    </script></p></div>
                                        </div></div></div>
                            </div>

                            <div class="clr"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container-fluid">
                    <div class="tz-inner">

                        <p class="pull-left tz-copyrights">
                            © 2013 <a href="http://demo.templaza.com/j/meloul/#">meloul</a>! All rights reseived.                    </p>

                        <a rel="nofollow" href="http://www.templaza.com/" id="tz-framework-logo">Plazart Framework</a>
                        <div class="footer-menu pull-right">
                            <div class="box "><div><div class="content"><ul class="nav menu">
                                            <li class="item-120"><a href="http://demo.templaza.com/j/meloul/">Imprint</a></li><li class="item-121"><a href="http://demo.templaza.com/j/meloul/">Terms of Service</a></li><li class="item-122"><a href="http://demo.templaza.com/j/meloul/">Privacy</a></li></ul>
                                    </div></div></div>
                        </div>

                        <div class="clr"></div>

                        <!--        <p class="tz-disclaimer">TemPlaza is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.<br />-->
                        <!--            The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.<br />Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>-->
                        <!--        </div>-->
                    </div>
                </div>
            </div>
        </footer>

        <script type="text/javascript">
            var newsletter = jQuery('input.letter');
            if(newsletter){
                newsletter.focus(function(){
                    jQuery(this).animate({
                        width: 200
                    },1000);
                });
                newsletter.blur(function(){
                    jQuery(this).animate({
                        width: 150
                    },1000);
                });
            }
            var c_max_w = jQuery('#tz-header .container-fluid').width();
            var banner = jQuery('.banner');
            if(banner){
                jQuery(banner).css('max-width',c_max_w+'px');
            }
            jQuery(function(){
                if (window.PIE) {
                    jQuery('.btn-base').each(function() {
                        PIE.attach(this);
                    });
                    jQuery('.btn').each(function() {
                        PIE.attach(this);
                    });
                    jQuery('.music-play-blog').each(function() {
                        PIE.attach(this);
                    });
                    jQuery('.music-pause-blog').each(function() {
                        PIE.attach(this);
                    });
                    jQuery('div.TzPagination a').each(function() {
                        PIE.attach(this);
                    });
                    jQuery('.search-query').each(function() {
                        PIE.attach(this);
                    });
                }
            });


        </script>

        <script type="text/javascript">
            jQuery('*[rel=tooltip]').tooltip();
            jQuery('*[rel=popover]').popover();
            jQuery('.tip-bottom').tooltip({placement: "bottom"});
        </script>
        <?php expTheme::foot(); ?>
    </body>
</html>
